<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>工作日志</title>
	<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
	<script type="text/javascript" src="js/mui.min.js"></script>
	<style type="text/css">
		header{
			background: #1d8fe1!important;
		}
		header a{
			color: white;
		}
		#mui_title1{
			color: white;
		}
		form{
			height: 48px;
			background: gainsboro;
			margin-top: 60px;
		}
		form td{
			text-align: center;
			}
			
		.mui-media{
			padding: 15px 15px;
		}
	</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title" id="mui_title1">加班</h1>
	</header>
 	<!--<div class="mui-content">-->
 	<form action="" method=" " >
        <table border="1" cellspacing="0" cellpadding="5" borderColor="#e7e7e7">
            <tr>
                <td width="100" >加班：</td>
                <td width="110" >
                    <select name="year">
                        <option value="year-1">年</option>
                        <option value="year-2">2016</option>
                        <option>2015</option>
                        <option>2014</option>
                        <option>2013</option>
                        <option>2012</option>
                        <option>2011</option>
                        <option>2010</option>
                        <option>2009</option>
                        <option>2008</option>
                        <option>2007</option>
                        <option>2006</option>
                        <option>2005</option>
                        <option>2004</option>
                        <option>2003</option>
                        <option>2002</option>
                        <option>2001</option>
                        <option>2000</option>
                        <option>1999</option>
                        <option>1998</option>
                        <option>1997</option>
                        <option>1996</option>
                        <option>1995</option>
                        <option>1994</option>
                        <option>1993</option>
                    </select>
                  </td>
                  <td  width="90s" >
                    <select name="month">
                        <option value="month-0">月</option>
                        <option value="month-1">01</option>
                        <option>02</option>
                        <option>03</option>
                        <option>04</option>
                        <option>05</option>
                        <option>066</option>
                        <option>07</option>
                        <option>08</option>
                        <option>09</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                    </select>
                   </td>
                   <td  width="90" >
                    <select name="date">
                        <option value="date-0">日</option>
                        <option value="date-1">01</option>
                        <option>02</option>
                        <option>03</option>
                        <option>04</option>
                        <option>05</option>
                        <option>06</option>
                        <option>07</option>
                        <option>08</option>
                        <option>09</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        <option>13</option>
                        <option>14</option>
                        <option>15</option>
                        <option>16</option>
                        <option>17</option>
                        <option>18</option>
                        <option>19</option>
                        <option>20</option>
                        <option>21</option>
                        <option>22</option>
                        <option>23</option>
                        <option>24</option>
                        <option>25</option>
                        <option>26</option>
                        <option>27</option>
                        <option>28</option>
                        <option>29</option>
                        <option>30</option>
                        <option>31</option>
                    </select>
                </td>
                 <td  width="100" >
                    <select name="month">
                        <option value="month-0">班次</option>
                        <option value="month-1">白班</option>
                        <option>早班</option>
                        <option>中班</option>
                        <option>晚班</option>
                        <option>休息</option>
                    </select>
                  </td>
                  <td width="90">
                  	<input type="button" id="" value="确定"/>
                  </td>
            	</tr>
        	</table>
   	</form>
   	<div class="mui-content">
   	    <ul class="mui-table-view">
   	        <li class="mui-table-view-cell mui-media">
   	            <a href="javascript:;">
   	                <div class="mui-media-body">
   	                   	 2018年08月12日
   	                    <p class="mui-ellipsis">周五晚上：18:30——20:00</p>
   	                </div>
   	            </a>
   	        </li>
   	        <li class="mui-table-view-cell mui-media">
   	            <a href="javascript:;">
   	               <div class="mui-media-body">
   	                   	 2018年08月26日
   	                    <p class="mui-ellipsis">周五晚上：18:30——20:00</p>
   	                </div>
   	            </a>
   	        </li>
   	        <li class="mui-table-view-cell mui-media">
   	            <a href="javascript:;">
   	                <div class="mui-media-body">
   	                   	 2018年08月日
   	                    <p class="mui-ellipsis">周五晚上：18:30——20:00</p>
   	                </div>
   	            </a>
   	        </li>
   	    </ul>
   	</div>
</body>
</html>